<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="no">
		<meta name="format-detection" content="telephone=no">
		<title>毛铺</title>
		<link rel="stylesheet" type="text/css" href="css/weui.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.poppicker.css" />
		<link href="css/load.css" type="text/css" rel="stylesheet"/>
		<link href="css/index.css" type="text/css" rel="stylesheet"/>
		<link href="css/animation.css" type="text/css" rel="stylesheet"/>
		<link href="css/keyframes.css" type="text/css" rel="stylesheet"/>
		<link href="css/page1.css" type="text/css" rel="stylesheet"/>
		<link href="css/page2.css" type="text/css" rel="stylesheet"/>
		<link href="css/page3.css" type="text/css" rel="stylesheet"/>
		<link href="css/page4.css" type="text/css" rel="stylesheet"/>
		<link href="css/page5.css" type="text/css" rel="stylesheet"/>
		<link href="css/page6.css" type="text/css" rel="stylesheet"/>
		<link href="css/page7.css" type="text/css" rel="stylesheet"/>
		<link href="css/page8.css" type="text/css" rel="stylesheet"/>
		<link href="css/page9.css" type="text/css" rel="stylesheet"/>
		<link rel="stylesheet" type="text/css" href="dist/css/app.min.css"/>
	</head>

	<body onload="loadComplete()">
		<!--载入-->
		<div class="loading" id="loading">
			<div class="loadbox">
				<div class="circle"></div>
				<div class="tipbox" id="tipbox"></div>
			</div>
		</div>
		<!--主舞台-->
		<div class="content" id="content" style="display:none;">
			<!--第一页-->
			<div class="page page1">
				<img src="images/bg-2.jpg" class="pg2-01 ">
				<img src="images/fr_1.png" class="pg1-logo1 delay500">
				<img src="images/fr_2.png" class="pg1-logo2 delay500">
				<img src="images/fr_3.png" class="pg1-3 delay800">
				<img src="images/fr_4.png" class="pg1-4 delay800">
				<img src="images/fr_shans3.png" class="pg1-shans3 delay2700">
				<img src="images/fr_541.png" class="pg1-541 delay1500">
				<img src="images/fr_qb1.png" class="pg1-qb1 delay1900">
				<img src="images/fr_sf1.png" class="pg1-sf1 delay2200">
				<img src="images/fr_dh1.png" class="pg1-dh1 delay1700">
				<img src="images/fr_jiup.png" class="pg1-jiup delay2600">
				<div class="pg1-che">
					<img class="che1 delay2600" src="images/btn.png">
				</div>
			</div>
			<!--第二页-->
			<div class="page page2 hide">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/2-1.png" class="pg2-1 delay500">
				<img src="images/2-2.png" class="pg2-2 delay700">
				<img src="images/2-3.png" class="pg2-3 delay900">
				<div class="pg2-cong"></div>
				<span class="scrapeable pg2-4 delay1600">
            		<canvas></canvas>
            		<img src="images/2-5.png">
        		</span>

				<div class="pg2-che">
					<img class="che2 delay1600" src="images/btn.png">
				</div>
			</div>
			<!--第三页-->
			<div class="page page3 hide">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/3-1.png" class="pg3-1 delay500">
				<img src="images/3-2.png" class="pg3-2 delay700">
				<img src="images/3-3.png" class="pg3-3 delay900">
				<img src="images/3-6.png" class="pg3-6 delay1900">
				<img src="images/3-shu1.png" class="pg3-shu1 delay2200">
				<img src="images/3-shu2.png" class="pg3-shu2 delay2400">
				<img src="images/3-shu3.png" class="pg3-shu3 delay1900">
				<img src="images/3-shu4.png" class="pg3-shu4 delay2500">
				<img src="images/3-shu5.png" class="pg3-shu5 delay2200">
				<span class="scrapeable pg3-4 delay1600">
            		<canvas></canvas>
            		<img src="images/3-5.png">
        		</span>

				<div class="pg3-che">
					<img class="che3 delay2500" src="images/btn.png">
				</div>
			</div>
			<!--第四页-->
			<div class="page page4 hide">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/4-1.png" class="pg4-1 delay500">
				<img src="images/4-2.png" class="pg4-2 delay700">
				<img src="images/4-3.png" class="pg4-3 delay900">
				<div class="pg4-hu"></div>
				<span class="scrapeable pg4-4 delay1600">
            		<canvas></canvas>
            		<img src="images/4-5.png">
        		</span>
				<div class="pg4-che">
					<img class="che4 delay1600" src="images/btn.png">
				</div>
			</div>
			<!--第五页-->
			<div class="page page5 hide container-draggie">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/5-1.png" class="pg5-1">
				<img src="images/5-2.png" class="pg5-2">
				<img src="images/5-3.png" class="pg5-3">
				<img src="images/5-5.png" class="pg5-5">
				<img src="images/5-gg.png" class="pg5-gg draggable delay3500">
				<img src="images/5-gq.png" class="pg5-gq draggable delay4500">
				<img src="images/5-lhg.png" class="pg5-lhg draggable delay5500">
				<img src="images/5-qm.png" class="pg5-qm draggable delay1500">
				<img src="images/5-ss.png" class="pg5-ss draggable delay2500">
				<img src="images/stage/0.png" class="pg5-jp">
				<img src="images/5-shou.png" class="pg5-shou">
				<div id="go-on" class="pg4-che" style="display: none;">
					<img class="che4 delay1600" src="images/btn.png">
				</div>
			</div>
			<!--第六页-->
			<div class="page page6 hide">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/6-1.png" class="pg4-1 delay500">
				<img src="images/6-2.png" class="pg6-2 delay800">
				<img src="images/6-3.png" class="pg6-3 delay1100">
				<img src="images/6-4.png" class="pg6-4 delay1400">
				<img src="images/6-5.png" class="pg6-5 delay1800">
				<img src="images/6-6.png" class="pg6-6 delay2500">
				<img src="images/6-7.png" class="pg6-7 delay2800">
				<img src="images/6-8.png" class="pg6-8 delay3100">
				<div class="pg6-che">
					<img class="che6 delay3000" src="images/btn.png">
				</div>
			</div>
			<!--第七页 报名-->
			<div class="page page7 hide">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/4-1.png" class="pg4-1 delay500">
				<img src="images/7-2.png" class="pg7-2 delay700">
				<img src="images/7-3.png" class="pg7-3 delay500">
				<!-- 输入报名信息 -->
				<div id="register">
					<div id="name" class="mui-input-row">
						<label>姓名</label>
						<input type="text" id="ip-name" placeholder="不超过10个字符" maxlength="10" />
					</div>
					<div id="phone" class="mui-input-row">
						<label>联系方式</label>
						<input type="text" id="ip-phone" placeholder="11位手机号" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
					</div>
					<div id="code" class="mui-button-row">
						<input type="button" value="点击获取验证码" id="btn-send-code" />
						<input type="text" id="ip-code" placeholder="请输入验证码" maxlength="6" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
					</div>
					<div id="address" class="mui-input-row">
						<label id="lb-address-prompt">地址</label>
						<label id="lb-address"></label>
					</div>
				</div>
				<img id="submit" src="images/7-btn.png" class="pg7-btn delay700">
			</div>
			<!--第八页  抽奖-->
			<div class="page page8 hide">
				<img src="images/bg-2.jpg" class="pg-8">
				<img src="images/4-1.png" class="pg4-1 delay500">
				<img src="images/8-1.png" class="pg8-1 delay500">
				<img src="images/8-3.png" class="pg8-3 delay700" id="turntable">
				<img src="images/8-2.png" class="pg8-2 delay900" id="turntable-btn">
				<img src="images/8-4.png" class="pg8-4 delay1700">
				<img src="images/8-5.png" class="pg8-5 delay500" style="display: none;">
				<img src="images/8-6.png" class="pg8-6 delay500" style="display: none;">
				<img src="images/7-cjg.png" class="pg8-6 delay500" style="display: none;">
				<img src="images/share.png" class="pg8-7 delay500" style="display: none;">
			</div>
			<!--尾页-->
			<div class="page page9 hide">
				<img src="images/bg-2.jpg" class="pg-9">
				<img src="images/2-1.png" class="pg2-1 delay500">
				<img src="images/9-1.png" class="pg9-1 delay500">
				<img src="images/9-2.png" class="pg9-2 delay900">
				<img src="images/9-3.png" class="pg9-3 delay1300">
				<img src="images/9-4.png" class="pg9-4 delay1700">
				<img src="images/9-5.png" class="pg9-5 delay1800">
			</div>
		</div>
		<!--播放器-->
		<div class="videoContainer" id="videoContainer"></div>
		<div class="videoBt" onClick="changeVideostate()">
			<img class="videoBtXuanzhuan" src="images/music_on.png" id="videoBtImg">
		</div>

		<!-- Success Toast -->
		<div id="success-toast" style="display:none;">
			<div class="weui_mask_transparent"></div>
			<div class="weui_toast">
				<i class="weui_icon_toast"></i>
				<p class="weui_toast_content" id="success-toast-content">成功</p>
			</div>
		</div>
		<!-- Error Toast -->
		<div id="err-toast" style="display:none;">
			<div class="weui_mask_transparent"></div>
			<div class="weui_toast">
				<i class="weui_icon_warn"></i>
				<p class="weui_toast_content" id="err-toast-content">错误</p>
			</div>
		</div>
		<!-- waiting Toast -->
		<div id="waiting-toast" style="display:none;">
			<div class="weui_mask_transparent"></div>
			<div class="weui_toast">
				<i class="weui_icon_waiting_circle"></i>
				<p class="weui_toast_content" id="waiting-toast-content">请稍侯</p>
			</div>
		</div>
		<!--<script src="js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touch.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/city.data-3.js" type="text/javascript" charset="utf-8"></script>		
		<script src="dist/script/app.bundle.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>